{% load static %}
<style>
    body {
        padding:0px;
        margin:0px;
    }
    #bottom
    {
        width: 100%;
        background-color:#313264;
        height: 140px;
        float:left;
        text-align:center;
    }
    .buaa{
        width: 300px;
        height: 60px;
        margin-top: 25px;
        {#margin-left: 40%;#}

    }
    #bottom a{
        text-decoration: none;
        color: white;
    }
    .p1{
        color:white;
        font-size: 20px;
        margin-left: 10px;
        float: bottom;
        border: 1px white solid;
    }
    .p2{
        width: 800px;
        height:15px;
        margin-left: 35%;
        margin-top: 32px;
        font-size: 12px;
        color:white;
        float: left;
    }
    .p2 li{
        list-style:none;
        margin-right:10px;
        float: left;
    }
    #we{
        margin-left: 1px;
    }
</style>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
$(function () {
	$("[data-toggle='popover']").popover({html: true});
});
</script>
<body>
    <div id="bottom">
        <img class="buaa" src="{% static 'images/bottom_logo.png' %}"/>

{#        <p class="p1"><a href="#">北航主页</a> | <a href="#">高校图书馆 </a> | <a href="#">协同办公</a> | <a href="#">联系我们</a> | <a href="#">馆内导游 </a>| </p>#}
        <div class="p2"><li>北京航空航天大学图书馆©版权所有</li><li>|</li><li>京ICP备05004617号-3</li><li>|</li><li>京公网安备1101080018号</li></div>
        <div class="contact"><a data-container="body" title="微信二维码" data-toggle="popover" data-placement="top" data-content='<img class="phone-qrcode" width="90px" height ="90px" src = "{% static 'images/code2.png' %}">'> <img  id = "we" src="{% static 'svg/wechat.png' %}" width="51px" height="51px"></a><a href="https://weibo.com/u/5396134858?is_all=1"> <img src="{% static 'svg/Weibo.png' %}" width="55px" height="55px"> </a></div>
    </div>

</body>